<template>
  <div class="about-us-page">
    <div class="content" :class="[activeFontClass]">
      <div class="title">关于维泊</div>
      <div class="discribe">
        <p>
          维泊是国内首款专业致力于共享出行路面维护的服务套装，整套服务包含有地面维护团队组建及管理，地面运输团队组建及管理，地面相关仓储建设、改造及管理，管理软件体系建设及维护、共享出行品牌方服务宣导及沟通、全过程软硬件套装等等……为城市管理者提供全方位的执法管理赋能，最大程度的解决共享出行带来的城市管理后遗症。同时也为各共享出行平台提供用户管理、城市运营管理的方向，让双方形成公开公平公正的沟通环境及数据基础。
        </p>
        <p>
          维泊管理团队，具备有超过5年的共享出行配套服务经验，超过20年的互联网科技产业经验。丰富的行业认知加上深厚的技术开发团队、城市配送资源，再辅以高科技的管理工具。使得我团队具备有保障好任何城市、任何区域、任何品牌的服务能力。让品牌方和城市管理者不再是天生的对抗关系。而是在数据和标准化管理的支撑下形成良好的合作共赢体系，保障市民的便捷环保出
        </p>
      </div>
    </div>
  </div>
</template>
<script>

export default {
  name: 'AboutUs',
  data() {
    return {
      activeClass: "",
      activeFontClass: ""
    }
  },
  methods: {
    addAnimate() {
      this.activeFontClass = "display animate__animated animate__fadeIn"
    },
    removeAnimate() {
      this.activeClass = "";
      this.activeFontClass = "";
    }
  }
}
</script>
<style lang="scss" scoped>
.about-us-page {
  height: 100vh;
  background-image: url("../assets/images/gywm.png");
  background-size: cover;

  .display {
    display: block !important;
  }



  .content {
    width: 100%;
    display: none;
    position: absolute;
    top: 214px;
    text-align: left;

    .title {
      width: 100%;
      font-size: 48px;
      font-weight: 400;
      color: #666;
      text-align: center;
    }

    .discribe {
      width: 1187px;
      font-size: 18px;
      font-weight: 400;
      color: #666;
      margin: 0 auto;
      p{
        line-height: 2;
        text-indent: 2em;
        padding-top: 40px;
      }
    }
  }
}
</style>